<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>{{title}}</title>
    <link href="../layout.css" rel="stylesheet" type="text/css" /> 
    <!--[if IE]><script language="javascript" type="text/javascript" src="../flot/excanvas.pack.js"></script><![endif]-->
    <script language="javascript" type="text/javascript" src="../jquery.js"></script>
    
    

 </head>
    <body>
    <h1>{{title}}</h1>

    <div id="placeholder" style="width:900px;height:350px;"></div>

    <p>Memory usage over time. Select an area with the mouse on the big plot and it will show what URLs were hit at that point.</p>
      
    <table id="urls" cellpadding="1" cellspacing="0">
    </table>
      

    <!--
    Commented out until this is solved
    http://groups.google.com/group/flot-graphs/browse_thread/thread/10a7eee60fd25d32
    <div id="overview" style="margin-left:50px;margin-top:20px;width:400px;height:50px"></div>
    -->



<p><a href="." onclick="resetPlotSelection();return false;">Reset zoom</a></p>
<!--
<form action="#">
<input type="button" value="Reset zoom" onclick="resetPlotSelection()" />
</form>
-->



<script id="source" language="javascript" type="text/javascript">
var plot;
var overview;
var d = {{data_array}};
var max_value = {{max_value}};
var min_value = {{min_value}};
</script>
<script language="javascript" type="text/javascript" src="../flot/jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="../flotter.js"></script>


 </body>
</html>
